/* index样式  sunzelong */
.fr{float: right;}
.fl{float: left;}
a{cursor: pointer;}
button{cursor: pointer;border: none;}
.remark{color: #f00;}
.mt20{margin: 20px 0;}
.ml20{margin: 0 20px;}
.ml100{margin-left: 100px;}
.m20{margin: 20px;}
.w12{width: 120px;}
.w18{width: 180px;}
.w28{width: 280px;padding-left: 10px;}
.h30{height: 30px;}
.pt20{padding-top: 20px;}
.pr20{padding-right: 20px;}
.btns{border-bottom: 1px solid #e6e6e6;padding:0 15px 15px 15px;}
.btn-nobg{background: none;border: 1px solid #1E9FFF;color: #1E9FFF;width: 95px;border-radius: 5px;height: 30px;}
.no-print{display: none;}
.ruleBtn{color: #1E9FFF;font-size: 12px;padding-left: 20px;}
.btn{background: #1E9FFF;border-radius: 5px;color: #fff;margin: 0px 20px 10px 0;/* padding: 5px 10px; */width: 95px;height: 30px;cursor: pointer;}
.btn-w{background: #1E9FFF;border-radius: 5px;color: #fff;margin: 0px 20px 10px 0;padding: 5px 10px;width: 135px;cursor: pointer;}
.header .af-logo{background: url(../img/index/af-logo.png) no-repeat;vertical-align: middle; display: inline-block;width: 50px;height: 32px;}
.layui-form .lable{display: inline-block;}
.ft-color{color: #1E9FFF;}
.border-tow{border-left: 1px solid #1E9FFF;border-right: 1px solid #1E9FFF;padding:0 8px;}
.td-manage a{padding:0 10px;color: #1E9FFF;}

/* user 弹窗 */
.layui-form-item .upload-pic{background: none;border: none;height: 35px;width: 125px;margin-left: -125px;position: absolute;z-index: 5;color: #1E9FFF;}
.layui-form-item .pic-hide{position: relative;opacity: 0;display: inline-block;width: 120px;z-index: 9;height: 30px;}
.layui-form-item .remark{display: inline-block;height: 35px; line-height: 35px;}
.layui-fluid .border{width:96%; height:300px;margin: 10px;border:1px solid #1E9FFF;text-align: center;vertical-align: middle;}
.layui-card-body .layui-ul {border: 1px solid #1E9FFF;border-radius: 5px;margin-bottom: 20px;overflow: hidden;}
.layui-card-body .layui-ul .attribute_lists{display: inline-block;width: 220px;padding: 8px;}
.layui-card-body .layui-ul .attribute{width: 60px;text-align: right;display: inline-block;}
.layui-card-body .layui-span{padding-left: 10px;}
.layui-card-body .layui-ul .pic,.tz-pic{display: inline-block;}
.layui-card-body .layui-ul .btnpic{border: #1E9FFF;color: #1E9FFF;}
.layui-card-body .layui-ul .pic img{width: 80px;height: 150px;padding: 0 10px;}
.layui-card-body .update-pic,.tuozhan-pic{float: left;padding: 10px 0;}
.layui-card-body .tz-title{overflow: hidden;}
.layui-card-body .update-pic{border-right: 1px dashed #ddd;width: 40%;}
.layui-card-body .tuozhan-pic{margin-left: 20px;overflow: hidden;width: 56%;}
.layui-card-body .layui-ul .tz-pic img{width: 80px;height: 150px;padding: 0 10px;}

.layui-table .btn-bor{border: 1px solid #1E9FFF;color: #1E9FFF;width: 50px;font-size: 12px;border-radius: 5px;}
.layui-fluid .trim .arr-r{background: url(../img/arr-r.png) no-repeat;width: 64px;height: 64px;display: inline-block;vertical-align: middle;margin: 100px 35px;}
.layui-fluid .trim {overflow: hidden;margin: 20px 0;}
.layui-fluid .trim .trim-list{width: 35%;border: 1px solid #1E9FFF;padding: 20px;}
.layui-fluid .trim .trim-arr{margin: 30px;}
.layui-fluid .trim .input{height: 30px;padding-left: 15px;}
.layui-fluid .trim .check{width: 25px;height: 16px;}
.layui-fluid .trim .trim-sel{border: none;width: 200px;}
.layui-fluid .trim .arr-t{background: url(../img/index/arr-b.png) no-repeat;width: 16px;height: 16px;display: inline-block;vertical-align: middle;background-size: 100%;margin-left: -30px;}


/* 排版弹窗 */
.wapper{margin: 10px;}
.set-lists{margin: 50px 150px;overflow: hidden;}
.set-lists .set-list{display: block;padding-bottom: 20px;}
.set-lists .set-input{width: 250px;height: 30px;border-radius: 5px;border: 1px solid #ddd;padding-left: 10px;}
.set-lists .form-label{width: 100px;text-align: right;margin-right: 20px;}
.set-lists .upload{width: 250px;height: 30px;margin-left: 0px;position: relative;z-index: 2;color: #1E9FFF;text-align: left;}
.set-lists .file{position: absolute;z-index: 5;opacity: 0;}

.table-list  tr td{text-align: center;}
.table-list .arr-btn{font-size: 16px;color: #1E9FFF;width: 105px;display: inline-block;text-align: right;}
.table-list .font-big{font-size: 30px;color: #767676;padding: 20px 10px;}
.table-list .font-bigl{font-size: 30px;color: #767676;padding: 20px 10px;float: left;}
.table-list .arr-l,.arr-ls,.arr-r,.arr-rs{display: inline-block;vertical-align: middle;width: 32px;height: 32px;}
.table-list .arr-l{background: url(../images/arr/left.png) no-repeat;background-size: 100%;display: inline-block;vertical-align: middle;width: 32px;height: 32px;}
.table-list .arr-ls{background: url(../images/arr/left2.png) no-repeat;display: inline-block;vertical-align: middle;width: 32px;height: 32px;}
.table-list .arr-r{background: url(../images/arr/right.png) no-repeat;display: inline-block;vertical-align: middle;width: 32px;height: 32px;}
.table-list .arr-rs{background: url(../images/arr/right2.png) no-repeat;display: inline-block;vertical-align: middle;width: 32px;height: 32px;}
.layui-card .lsy-list{margin: 22px;}
.layui-card .lsy-list .lable{padding-right: 10px;}
.tiaobans{overflow: hidden;}
.tiaobans .tiaoban{height: 30px;width: 230px;padding-left: 10px;}
.table-list{width: 110px;margin-top: 30px;}
.layui-form-item .layui-select{width: 190px;}

/* 设备管理 */
.layui-lists{}
.layui-lists .list{display: inline-block;padding-right: 50px;}
.layui-row {margin: 8px;}
.layui-row .lable-code{margin-bottom: 20px;}
.layui-row .show-name{margin-bottom: 50px;}
.layui-row .add-input{width:200px;margin: 10px 0;display: block;height: 30px;}

/* 考勤 */
.kqlists{margin: 15px;}
.kqlists .kqlist{display: inline-block;padding-right: 50px;}
.rule-lists{margin: 15px;padding-top: 20px;}
.rule-lists .rule-list{padding:10px;font-size: 14px;}
.rule-lists .rule-list .rulelb{padding-left: 100px;}
.rule-lists .rule-list .lable{width: 100px;text-align: right;}
.rule-list b{padding:0 15px;font-weight: normal;}
.rule-div {}
.rule-div .ruleint{width: 280px;height: 30px;padding-left: 10px;}
.rule-div .option{margin: 0 5px;}
.rule-ul{margin-left: 100px;width: 580px;border: 1px solid #ddd;border-radius: 5px;padding: 10px 15px;margin-top: 10px;}
.rule-ul .li-bor{display: inline-block;border: 1px solid #1E9FFF;width: 120px;text-align: center;margin: 10px;color: #1E9FFF;border-radius: 5px;}
.rule-ul .li-bor .closex{float: right;padding-right: 10px;}
.rule-ul .buttons{text-align: center;}



.mask{background: #000;opacity: .5;width: 100%;height: 100%;position: absolute}
.tanchuang{width: 600px;border: 1px solid #e6e6e6;padding: 20px;position: relative;margin:0 auto;background: #fff;border-radius: 5px;top: 100px;}
.tanchuang .title{border-bottom: 1px solid #e6e6e6;padding: 10px;}
.tanchuang .close{float: right;font-size: 24px;}
.tanchuang .tClist{padding-top: 15px;}
.tanchuang .tClist .check{font-size: 36px;margin-right: 10px;}
.tanchuang .tClist .buttons{text-align: center;}



